<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>菜单维护</title>
		<link rel="stylesheet" href="../public/modules/element-ui/lib/theme-chalk/index.css" />
		<link rel="stylesheet" type="text/css" href="../static/zoeicon-font/iconfont.css" />
		<link rel="stylesheet" href="../static/css/menu/menuinfo.css" />
		<script type="text/javascript" src="../public/seajs.js"></script>
		<script type="text/javascript" src="../public/modules/vue/vue.js"></script>
		<script type="text/javascript" src="../public/modules/element-ui/lib/index.js"></script>
	</head>

	<body>
		<div id="em">
			<el-container>
				<el-header>Header</el-header>
				<el-container direction="horizontal">
					<object type="text/x-scriptlet" data="../main.html"></object>
					<el-container direction="vertical" style="height: 100%;">
						<el-main>
							<el-breadcrumb separator-class="el-icon-arrow-right">
								<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
								<el-breadcrumb-item>菜单管理</el-breadcrumb-item>
								<el-breadcrumb-item>菜单维护</el-breadcrumb-item>
							</el-breadcrumb>
							<hr/>
							<el-container class="left_div">
								<el-aside width="200px">
									<div class="aside">
										<div class="aside-center">
											<el-input placeholder="输入关键字进行过滤" v-model="filterText" clearable></el-input>
											<el-tree :data="data2" :filter-node-method="filterNode" ref="tree2" show-checkbox node-key="id" :props="defaultProps">
											</el-tree>
										</div>
										<div class="aside-footer">
											<div class="aside-footer-btn-group">
												<el-button @click="openAddMenuDialog">新增<i class="el-icon-circle-plus-outline el-icon--right"></i></el-button>
												<el-button @click="openDelMenuMesbox">删除<i class="el-icon-delete el-icon--right"></i></el-button>
											</div>
										</div>
									</div>
								</el-aside>
								<el-main>
									<div class="main">
										<div class="main_center">
											<el-row>
												<el-col :span="2">
													<label>配置ID</label>
												</el-col>
												<el-col :span="6">
													<el-input placeholder="输入关键字进行过滤" v-model="keyword" clearable></el-input>
												</el-col>
											</el-row>
											<el-row>
												<el-col :span="2">
													<label>父级菜单</label>
												</el-col>
												<el-col :span="6">
													<el-cascader expand-trigger="hover" :options="options" v-model="parentNode" @change="handleChange">
													</el-cascader>
												</el-col>
											</el-row>
											<el-row>
												<el-col :span="2">
													<label>菜单名称</label>
												</el-col>
												<el-col :span="6">
													<el-input placeholder="输入关键字进行过滤" v-model="keyword" clearable></el-input>
												</el-col>
											</el-row>
											<el-row>
												<el-col :span="2">
													<label>图标名称</label>
												</el-col>
												<el-col :span="6">
													<el-input placeholder="输入关键字进行过滤" v-model="keyword" clearable></el-input>
												</el-col>
											</el-row>
											<el-row>
												<el-col :span="2">
													<label>菜单描述</label>
												</el-col>
												<el-col :span="6">
													<el-input placeholder="输入菜单描述" clearable></el-input>
												</el-col>
											</el-row>
										</div>

										<div class="main_footer">
											<el-button type="primary">保存</el-button>
										</div>
									</div>
								</el-main>
							</el-container>
							<el-dialog title="菜单新增-窗口" :visible.sync="addMenuDialogVisable" width="40%">
								<div class="add-menu-dia-div">
									<el-row>
										<el-col :span="4">
											<label>配置ID</label>
										</el-col>
										<el-col :span="12">
											<el-input placeholder="输入关键字进行过滤" v-model="keyword" clearable></el-input>
										</el-col>
									</el-row>
									<el-row>
										<el-col :span="4">
											<label>父级菜单</label>
										</el-col>
										<el-col :span="12">
											<el-cascader expand-trigger="hover" :options="options" v-model="parentNode" @change="handleChange">
											</el-cascader>
										</el-col>
									</el-row>
									<el-row>
										<el-col :span="4">
											<label>菜单名称</label>
										</el-col>
										<el-col :span="12">
											<el-input placeholder="输入关键字进行过滤" v-model="keyword" clearable></el-input>
										</el-col>
									</el-row>
									<el-row>
										<el-col :span="4">
											<label>图标名称</label>
										</el-col>
										<el-col :span="12">
											<el-input placeholder="输入关键字进行过滤" v-model="keyword" clearable></el-input>
										</el-col>
									</el-row>
									<el-row>
										<el-col :span="4">
											<label>菜单描述</label>
										</el-col>
										<el-col :span="12">
											<el-input placeholder="输入菜单描述" clearable></el-input>
										</el-col>
									</el-row>
									<div class="dia-btn-div">
										<el-button type="success">确认</el-button>
										<el-button type="info" @click="addMenuDialogVisable=false">取消</el-button>
									</div>
								</div>
							</el-dialog>
						</el-main>
					</el-container>
				</el-container>
			</el-container>
		</div>
		<script type="text/javascript">
			/*加载自己写的js*/
			seajs.use("../public/js/menuinfo.js", function(menuinfo) {
				menuinfo.init();
			});
		</script>
	</body>

</html>